<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,user-scalable=no,minimal-ui">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../img/asset-favico.ico">
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.min.css">
    <title>健康体检</title>
    <link rel="stylesheet" href="../css/page-health-report.css" />
</head>

<body data-spy="scroll" data-target="#myNavbar" data-offset="150">
    <div id="app">
        <!-- 页面头部 -->
        <div class="top-header">
            <span class="f-left"><i class="icon-back"></i>返回</span>
            <span class="center">千锋健康</span>
            <span class="f-right"><i class="icon-more"></i></span>
        </div>
        <!-- 页面内容 -->
        <div class="contentBox">
            <div class="list-row3">
                <div class="report-item" v-for="item in items" @click="handleUpdate(item)">
                    <div class="item-name" >
                        <div class="info">
                            <span class="name">{{item.mname}}</span>
                            <span class="sex">{{item.sex}}</span>
                        </div>

                    </div>
                    <div class="item-content">
                        <ul class="box">
                            <li>体检日期：<span>{{item.orderDate}}</span></li>
                            <li>档案号：<span>{{item.fileNumber}}</span></li>
                            <li>体检套餐：<span>{{item.name}}</span></li>
                            <li>上传时间：<span></span></li>
                        </ul>
                    </div>
                    <div class="item-link" >
                        体检报告
                    </div>
                </div>
<!--                <div class="report-item">-->
<!--                    <div class="item-name">-->
<!--                        <div class="info">-->
<!--                            <span class="name">张小花</span>-->
<!--                            <span class="sex">女</span>-->
<!--                        </div>-->

<!--                    </div>-->
<!--                    <div class="item-content">-->
<!--                        <ul class="box">-->
<!--                            <li>体检日期：<span>2016-10-26</span></li>-->
<!--                            <li>档案号：<span>00109000830</span></li>-->
<!--                            <li>体检套餐：<span>入职体检</span></li>-->
<!--                            <li>上传时间：<span>2016-10-26  10:25</span></li>-->
<!--                        </ul>-->
<!--                    </div>-->
<!--                    <div class="item-link">-->
<!--                        体检报告-->
<!--                    </div>-->
                </div>
            </div>
        </div>
    </div>


</body>
<!--<script src="https://unpkg.com/vue@3"></script>-->
<script src="../js/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script src="../js/axios-0.18.0.js"></script>
<script>

    var vue= new Vue({
        el:'#app',
        data:{
            items:[]
        },
        created(){
            this.getItems();
        },
        methods: {
            getItems(){
                axios.get("http://localhost:81/Order/findAll").then((resp) =>{
                    this.items=resp.data;
                })
            },
            handleUpdate(item){
                location.href = "/pages/health-reportDetail.html?id="+item.id+"&mid="+item.mid
            },
        }
    })
</script>
</html>